/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* TYPE */
body { font: 12px/18px Tahoma,"Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #000000; color: #ffffff; position:relative;}


a { color:gray; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: none;  color:#000000}


/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
#menu
{
    position:relative;
    width:702px;
    margin:0 auto;
}
#menu ul 
{
    position:relative;
    width:707px;
    float:left;
}
#menu ul li
{
    position:relative;
    float:left;
    width:80px;
    background:gray;
    border: 1px solid #E1E1E1;
    font-weight: bold; font-size: 12px; text-align:center;
    margin:0px 5px 0px 0px;
    border-bottom:none;
}
#menu ul li:hover
{
    background:purple;
}
#menu ul li.space
{
    width:441px;
    text-indent:-9999px;
    background:#000000;
    border:none;
}
#main-contener
{
    position:relative;
    width:700px;
    margin:0 auto;
    background:gray;
    border:1px solid #E1E1E1;
    min-height:600px;
}
/*========= ALBUM ============*/
#photoAlbumDiv
{    
    position:relative;    
    z-index:5;
    width: 700px;
    padding: 30px;                                      
}

#photoAlbumDiv ul li
{        
    float:left;
    padding:5px;
    margin:10px;
    width:135px;
    min-height:160px;
    text-align:center;                                
}
#photoAlbumDiv ul li div
{        
  padding:5px;                                   
}
#photoAlbumDiv ul li:hover { background: purple; color: white; cursor:move;} 

/*========= PHOTO ============*/
#photoDiv
{ 
    position:relative; 
    z-index:6;
    width: 660px;                                    
    font-family:arial;
    padding:10px 20px;
}
#photoDiv ul li
{
    border: 1px solid #000000;
    margin: 10px 0px 0px 0px;
    padding: 5px;
    float:left;
    width: 650px;
}
#photoDiv ul li div
{
    float:left;
    text-align:left;
}
#photoDiv ul li div.image-holder
{
    width:170px;
}
#photoDiv ul li div.edit-container
{
    width:475px;
    display:none;
    z-index:1000;
}
div.caption
{
    padding:0px 15px 0px 0px;
    width:270px;
    z-index:1000;
}
div.title,div.albums-select,div.date
{
    padding:0px 0px 24px 0px;
    width:180px;
}
label
{ 
    padding:0px 8px 0px 0px;  
}
input[type="text"]
{
    width:170px;
    z-index:1000;
}
input.date
{
    width:130px;
}
#albumsCombobox
{
    width:170px;
}

#photoDiv ul li span
{
    float:left;
}
#photoDiv ul li:hover { background: purple; color: white; cursor:move;}   

#photoDiv #rename-album 
{
    
}
#photoDiv #rename-album  label
{
    font-weight:bold;
}
#photoDiv #rename-album  #albumName
{
    width:490px;
    background-color:#D2D2D2;
    border-color:#666666 #FFFFFF #FFFFFF #666666;
    border-style:solid;
    border-width:1px;
    height:18px;
}
#photoDiv #rename-album #btRenameAlbum
{
    background-color:#D2D2D2;
    border-color:#FFFFFF #666666 #666666 #FFFFFF;
    border-style:solid;
    border-width:1px;
    height:20px;
	cursor:pointer;
    padding:0 0 20px;
    width:110px;
}
#photoDiv #rename-album #btRenameAlbum:hover
{
	color:white;
}

#photoDiv #addAlbum
{
    position:relative;
    width:660px;
    border:dotted 1px #A5A5A5;
    height:150px;
    margin:10px 0px;
}
#photoDiv #addAlbum #imageHolder
{
    border:1px dotted #A5A5A5;
    height:137px;
    left:5px;
    position:absolute;
    top:5px;
    width:150px;
}
#photoDiv #addAlbum #imageHolder
{
    border:dotted 1px #A5A5A5;
    height:137px;
    left:5px;
    position:absolute;
    top:5px;
    width:150px;
}
#photoDiv #addAlbum #buttonAddAlbum
{
    background-color: #D2D2D2;
    border-color:#FFFFFF #666666 #666666 #FFFFFF;
    border-style:solid;
    border-width:1px;
    height:23px;
    left:400px;
    padding:2px;
    position:absolute;
    text-align:center;
    top:58px;
    width:172px;
}

/*================END PHOTO============*/

#uploadDiv
{ 
    position:absolute; 
    top:0px; 
    left:0px; 
    margin:0;
	background:gray;
	color:white;           
  
    width: 700px;
    height:auto;                          
    max-height:800px;            
    display:none;
    font-family:arial;
}

.mouseOut{ background: gray; color: white; }
.mouseOver{ background: purple; color: white; }
.hide
{
    display:none;
}
.show
{
    display:block;
    width:500px;
}
.ui-tabs-hide {
     display: none;
}
.ui-state-active 
{
    background: purple!important;
} 
.new-album
{
    width:100px;
    height:100px;
    border:dotted 1px #000000;
    margin:10px;
}

.active
{
    background: purple;
}

.button 
{
    border-color:#FFFFFF #666666 #666666 #FFFFFF;
    border-style:solid;
    border-width:1px;
    color:#FFFFFF;
    margin:2px;
    padding:0 5px;
}
.red
{
    background:#C31919;
}
.green
{
    background:#44C319;
}
.gray
{
    background:gray;
}
.blackColor
{
	color:#000000;
}